<template>
  <div>
    <div class="test-box">
      <h3>自定义Test组件 = {{ username }}</h3>
      <button @click="changeData">修改用户名</button>

    </div>
    <div>

    </div>
  </div>
</template>

<script>
export default {
  name: "Test",
  data() {
    return {
      username: '布尔什维克',
    }
  },
  methods: {
    changeData() {
      this.username = "弗拉基米尔"
    }
  },
  watch: {},
  computed: {},
  filters: {}
}
</script>

<style lang="less" scoped>
.test-box {
  background-color: pink;
}

h1 {
  background-color: red;
}


</style>